<template>
  <view class="agreement-page">
    <view class="content">
      <view class="section">
        <view class="title">用户协议</view>
        <view class="update-time">更新时间：2024年1月1日</view>
      </view>
      
      <view class="section">
        <view class="subtitle">1. 协议范围</view>
        <view class="text">
          欢迎使用美女看图小程序。使用本应用即表示您同意遵守本用户协议。
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">2. 服务内容</view>
        <view class="text">
          本应用提供图片浏览、收藏、分类等功能。我们保留随时修改或中断服务的权利。
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">3. 用户行为规范</view>
        <view class="text">
          您在使用本应用时，应当遵守以下规范：
        </view>
        <view class="text">
          • 不得利用本应用从事违法违规活动<br/>
          • 不得恶意刷取或滥用服务<br/>
          • 尊重知识产权，不得非法传播内容
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">4. 知识产权</view>
        <view class="text">
          本应用的所有内容，包括但不限于文字、图片、软件等，均受知识产权法保护。
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">5. 免责声明</view>
        <view class="text">
          本应用不对以下情况承担责任：
        </view>
        <view class="text">
          • 因不可抗力导致的服务中断<br/>
          • 用户违规使用造成的损失<br/>
          • 第三方链接或内容造成的任何问题
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">6. 协议修改</view>
        <view class="text">
          我们有权随时修改本协议。修改后的协议将在应用内公示，继续使用即视为同意修改后的协议。
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">7. 联系方式</view>
        <view class="text">
          如有任何疑问或建议，请通过应用内反馈功能联系我们。
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
// 用户协议页面
</script>

<style scoped>
.agreement-page {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: calc(50px + env(safe-area-inset-bottom));
}

.content {
  padding: 30rpx 20rpx;
}

.section {
  background-color: #fff;
  padding: 30rpx;
  margin-bottom: 20rpx;
  border-radius: 10rpx;
}

.title {
  font-size: 40rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 20rpx;
}

.update-time {
  font-size: 24rpx;
  color: #999;
}

.subtitle {
  font-size: 32rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 20rpx;
}

.text {
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
  margin-bottom: 15rpx;
}
</style>

